<template>
  <div class="weekend">
    <div class="wraper">
      <div class="title">
        <h3>周末去哪儿</h3>
      </div>
      <div class="cont" v-for="item of list" :key="item.id">
        <img class="cont-img" :src="item.imgUrl" alt="">
        <p class="cont-tit">{{ item.title }}</p>
        <p class="cont-desc">{{ item.desc }}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeWeekend',
  props: {
    list: Array
  }
}
</script>

<style lang="stylus" scoped>
    .wraper
        .title
            padding .2rem 0 .2rem .2rem
            background #eee
        .cont
            background #fff
            .cont-img
                width 100%
            .cont-tit
                padding .25rem 0 .1rem .25rem
            .cont-desc
                padding .1rem  0 .4rem .25rem
                color #777
                font-size .2rem
</style>
